
{{ render "layout/header.html" . }}

<style>
    .text-center {text-align: center;}
    .info{display: flex;flex-direction: column;justify-content: center; align-items: center;}
    .info span{color: #4073fa;font-size: 2rem;font-weight: bold;margin-bottom: 10px;}
    .jz-item{background: linear-gradient(135deg, #c850c0, #4158d0);padding: 28px;
        color: white;width: 230px;
        border-radius: 8px;}
    .jz-item .js-item-title{margin-bottom: 20px;text-align: start;}
    .jz-item .js-item-content{font-size: 15px;display: flex;flex-direction: column;
        flex-wrap: wrap;line-height: 35px;}

    @media screen and (max-width: 800px) {
        .jz-item{width: 150px !important;padding: 12px !important;}
    }
</style>

<body>
    {{ render "layout/nav-header.html" . }}

    <div class="" style="z-index: -1;position: relative;">
        <img src="/static/image/brand-info.png" class="d-block w-100" oncontextmenu="return false;" draggable="false" alt="...">
        <!-- <img src="/static/image/bg-page-header-03.jpg" class="d-block w-100" oncontextmenu="return false;" draggable="false" alt="..."> -->
    </div>
    <section class="container">
        <div style="
            min-height: 130px;
            margin: 0 auto;
            margin-top: -50px;
            margin-bottom: 20px;
            padding: 10px;
            border-radius: 8px;
            background-color: white;
        ">
            <div class="row gap-4 h-100">
                <div class="col text-center info">
                    <span>10000+</span>
                    <div style="color: grey;">客户信赖之选</div>
                </div>
                <div class="col text-center info">
                    <span>1000+</span>
                    <div style="color: grey;">企业服务</div>
                </div>
                <div class="col text-center info">
                    <span>16个</span>
                    <div style="color: grey;">全国城市覆盖</div>
                </div>
            </div>            
        </div>

        <section style="
            width: 100%;
            margin: 0 auto;
            margin-bottom: 20px;
            padding: 10px;
            border-radius: 8px;
            background-color: white;
        ">
            <h2 style="text-align: center;margin: 30px 0 50px 0;">企业价值观</h2>
            <div style="
                display: flex;
                flex-direction: row;
                justify-content: space-evenly;
                flex-wrap: wrap;
                gap: 10px;
                margin: 30px 0;
            ">
                <div class="jz-item">
                    <h4 class="js-item-title">客户为先</h4>
                    <div class="js-item-content">
                        <span>客户成功才是成功</span>
                        <span>透明服务</span>
                        <span>高效服务</span>
                    </div>
                </div>
                <div class="jz-item">
                    <h4 class="js-item-title">奋斗</h4>
                    <div class="js-item-content">
                        <span>始终拼搏</span>
                        <span>创造价值</span>
                    </div>
                </div>
                <div class="jz-item">
                    <h4 class="js-item-title">感恩</h4>
                    <div class="js-item-content">
                        <span>懂得别人的付出</span>
                        <span>心怀善意</span>
                    </div>
                </div>
                <div class="jz-item">
                    <h4 class="js-item-title">诚信</h4>
                    <div class="js-item-content">
                        <span>坦诚真实</span>
                        <span>说到做到</span>
                    </div>
                </div>
            </div>
        </section>
    </section>
    

    {{ render "layout/footer.html" . }}
    {{ render "layout/back-to-top.html" . }}
    {{ render "layout/fixed-footer.html" . }}
    
    {{ render "layout/js.html" . }}
</body>
</html>